
$(function(){
	$('#add_sample').click(doShowAddPage);
	$('.fa-times').click(hideDetail);
	$('.tc2_left').click(lastImage);
	$('.tc2_right').click(nextImage);
	$(':checkbox').change(selectSample);
	$('#create_order').click(doShowCreatePage);
	$('#shop_menu').click(function(){
		return false;
	});
	$('body').click(function(){
		$('#shop_menu').hide();
	});
});

function doShowAddPage(){
	window.open('../designstore/doShowAddPage');
}

function showDetail(id){
	$.ajax({
		url:'../designstore/detail',
		type:'get',
		data:{id:id},
		dataType:'json',
		success:function(result){
			if(result.head.respCode=='0000000'){
				var data=result.body;
				$('#code').text(data.code);
				$('.tc2_content1 img').remove();
				for(var i=0;i<data.images.length;i++){
					var path=data.images[i];
					var img=$('<img src="'+model.url+path+'">');
					if(path==data.mainImage){
						img.css('z-index','10');
						$('.tc2_content1_d2').html('<   <span id="num">'+(i+1)+'</span>  /   <span id="max">'+data.images.length+'</span>   >');
					}
					$('.tc2_content1').append(img);
				}
				var spans=$('.tc2_content2_d1').find('span:odd');
				spans.eq(0).html(data.season);
				spans.eq(1).html(data.sex);
				spans.eq(2).html(data.category);
				var style='';
				for(var i=0;i<data.style.length;i++){
					style+=data.style[i]+'、'
				}
				spans.eq(3).html(style.substring(0,style.length-1));
				spans=$('.tc2_content2_d2 span:odd');
				spans.eq(0).html(data.source);
				spans.eq(1).html(data.memo);
				$('.tc').show();
			    $('.tc2').show();
			}
		}
	});
}

function hideDetail(){
	$('.tc').hide();
    $('.tc2').hide();
    $('.pages').show();
}

function nextImage(){
	var index=$('#num').html();
	var max=$('#max').html();
	if(index==max){
		return;
	}
	$('.tc2_content1 img').eq(index-1).css('z-index','1');
	$('.tc2_content1 img').eq(index).css('z-index','99');
	$('#num').html(parseInt(index)+1);
}

function lastImage(){
	var index=$('#num').html();
	if(index-1==0){
		return;
	}
	$('.tc2_content1 img').eq(index-1).css('z-index','1');
	$('.tc2_content1 img').eq(index-2).css('z-index','99');
	$('#num').html(index-1);
}

function setCategory(){
	$.ajax({
		url:'../designstore/getCategory',
		type:'get',
		dataType:'json',
		async:false,
		success:function(result){
			if(result.head.respCode=='0000000'){
				for(var i=0;i<result.body.length;i++){
					var category=result.body[i];
					var opt=new Option(category.name,category.name);
					$('#category').append($(opt));
				}
			}
		}
	});
}

model={
		ids:[],
		addSample:function(sample){
			var li=$('<li class="clearfix"></li>');
			var div1=$('<div class="fl"><img src="'+model.url+sample.mainImage+'"></div>');
			var div2=$('<div class="fl"><p>'+sample.code+'</p></div>');
			var p=$('<p></p>');
			var style='';
			for(var i=0;i<sample.style.length;i++){
				style+=sample.style[i]+' ';
			}
			style=style.substring(0,style.length-1);
			p.html(style);
			div2.append(p);
	        var div3=$('<div class="fr"><div class="red_circle"><span></span></div></div>');
	        li.append(div1).append(div2).append(div3);
	        div3.children().click(remove);
			$('#shop_menu').append(li);
		}
};

function selectSample(){
	if($(this).prop('checked')){
		var id=$(this).prev().html();
		model.ids[model.ids.length]=id;
		getSample(id);
	}else{
		for(var i=0;i<model.ids.length;i++){
			var id=model.ids[i];
			if(id==$(this).prev().html()){
				model.ids.splice(i,1);
				$('#shop_menu li').eq(i).remove();
				break;
			}
		}
	}
	setInputValue();
	changeHref();
}

function setInputValue(){
	var ids='';
	for(var i=0;i<model.ids.length;i++){
		ids+=model.ids[i]+',';
	}
	ids=ids.substring(0,ids.length-1);
	$('input[name="ids"]').val(ids);
}

function doShowCreatePage(){
	if(!model.ids.length) return alert('请先选择一款样衣');
	var param='';
	if($('input[name="customerId"]').length){
		param+='customerId='+$('input[name="customerId"]').val();
	}
	if($('input[name="customerName"]').length){
		param+='&customerName='+$('input[name="customerName"]').val();
	}
	var ids='';
	for(var i=0;i<model.ids.length;i++){
		if(model.ids) ids+=model.ids[i]+',';
	}
	ids=ids.substring(0,ids.length-1);
	param+='&ids='+ids;
	window.location.href='addPage?'+param;
}

function changeHref(){
	var webs=$('.pagination li a');
	for(var i=0;i<webs.length;i++){
		var href=webs.eq(i).attr('href');
		var index=href.indexOf('ids');
		if(index!=-1){
			var str=href.substring(index,href.lastIndexOf('&'));
			href=href.replace(str,'ids='+$('input[name="ids"]').val());
			webs.eq(i).attr('href',href);
		}else{
			href=href.replace('pageNo','ids='+$('input[name="ids"]').val()+'&pageNo');
			webs.eq(i).attr('href',href);
		}
	}
}

function remove(){
	var index=$('#shop_menu').find('.red_circle').index($(this));
	$(this).parent().parent().remove();
	var id=model.ids.splice(index,1);
	for(var i=0;i<model.id.length;i++){
		if(model.id[i]==id){
			$(':checkbox').eq(i).prop('checked',false);
			break;
		}
	}
	setInputValue();
	changeHref();
}

function getSample(id){
	$.ajax({
		url:'../designstore/detail',
		type:'get',
		data:{id:id},
		dataType:'json',
		async:false,
		success:function(result){
			if(result.head.respCode=='0000000'){
				model.addSample(result.body);
			}
		}
	});
}


